<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
  <link rel="stylesheet" href="./css/reset.css" />
  <link rel="stylesheet" href="./css/common.css" />
  <link rel="stylesheet" href="./css/shoppingcart.css" />
</head>

<body>
  <!--顶部-->
  <section id="header">

    <div class="pinp ">
      <div class="le-container hb">
        <span style="margin-left: 260px">legochina.cn</span>
        <span class="fr">欢迎光临<a href="./index.html">乐购</a>，请 <a href="./register.html">登陆</a>\<a
            href="./login.html">注册</a></span>
        <img src="./image/gwclogo.jpg" alt="">
      </div>
      <div class="le-container dp">
        <form action="#" class="fr" style="margin-top: 10px;">
          <input type="text" class="txt fl" placeholder="设计中的设计 原研哉 " />
          <button type="submit" class="btn"></button>
        </form>
        <div class="delivery fr">
          <span style="color: black;">配送至</span>
          <select name="city" size="1">
            <option value="sn">遂宁</option>
            <option value="cd">成都</option>
            <option value="cq">重庆</option>
            <option value="qqcy">青青草原</option>
          </select>
        </div>
      </div>
    </div>
  </section>
  <!--购物车-->
  <section id="cartbox" class="le-container">
    <p style="margin-top: 10px;">填写并核对订单信息</p>
    <table>
      <thead>
        <tr style="text-align: center;">
          <td><input type="checkbox" class="selectall" />全选</td>
          <td>商品</td>
          <td>单价</td>
          <td>数量</td>
          <td>小计</td>
          <td>操作</td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td class="tcenter"><input type="checkbox" class="singlechk" /></td>
          <td>
            <img src="./image/index5.jpg" alt="" />
            从你的全世界路过
          </td>
          <td class="singleprice">41.98</td>
          <td class="clearfix countbox">
            <a class="fl reducebtn">-</a>
            <input type="text" class="num fl" value="1" />
            <a class="fl addbtn">+</a>
          </td>
          <td class="price">41.98</td>
          <td>
            <a class="delete"> 删除</a>
          </td>
        </tr>
        <tr>
          <td class="tcenter"><input type="checkbox" class="singlechk" /></td>
          <td>
            <img src="./image/index5.jpg" alt="" />
            从你的全世界路过
          </td>
          <td class="singleprice">41.89</td>
          <td class="clearfix countbox">
            <a class="fl reducebtn">-</a>
            <input type="text" class="num fl" value="1" />
            <a class="fl addbtn">+</a>
          </td>
          <td class="price">41.89</td>
          <td>
            <a class="delete"> 删除</a>
          </td>
        </tr>
      </tbody>
      <tfoot>
        <tr style="background: white;">
          <td style="text-align: center;"><input type="checkbox" class="selectall" />全选</td>
          <td>
            <a class="cancel">删除选中商品</a>
          </td>
          <td colspan="2">已选择<span class="total cf60">0</span>件商品</td>

          <td style="width: 200px;">总价<span id="total" class="cf60">0.00</span></td>
          <td style="text-align: center;background: #f60;font-size: 20px;">
            <a href="#" class="black" style="color: white;"> 去结算</a>
          </td>
        </tr>
      </tfoot>
    </table>
  </section>
  <!--猜你喜欢-->
  <section id="guess" class="le-container">
    <p style="border-bottom: 6px solid #f60;"><span class="tup">猜你喜欢</span></p>
    <ul>
      <li>
        <img src="./image/sj1.jpg" alt="" style="margin-left: 40px;">
        <img src="./image/shuzhe_03.jpg" alt="">
        <p>白夜行 东野上吾</p>
        <p><span class="cred">推荐</span>：⭐ ⭐ ⭐ ⭐ ⭐</p>
        <p><span class="cred" style="font-size: 20px;">￥：30</span><span class="ccc"
            style="font-size: 20px;margin-left: 30px;text-decoration: line-through;">46</span> </p>
      </li>
      <li>
        <img src="./image/sj1.jpg" alt="" style="margin-left: 40px;">
        <img src="./image/shuzhe_03.jpg" alt="">
        <p>白夜行 东野上吾</p>
        <p><span class="cred">推荐</span>：⭐ ⭐ ⭐ ⭐ ⭐</p>
        <p><span class="cred" style="font-size: 20px;">￥：30</span><span class="ccc"
            style="font-size: 20px;margin-left: 30px;text-decoration: line-through;">46</span> </p>
      </li>
      <li>
        <img src="./image/sj1.jpg" alt="" style="margin-left: 40px;">
        <img src="./image/shuzhe_03.jpg" alt="">
        <p>白夜行 东野上吾</p>
        <p><span class="cred">推荐</span>：⭐ ⭐ ⭐ ⭐ ⭐</p>
        <p><span class="cred" style="font-size: 20px;">￥：30</span><span class="ccc"
            style="font-size: 20px;margin-left: 30px;text-decoration: line-through;">46</span> </p>
      </li>
      <li>
        <img src="./image/sj1.jpg" alt="" style="margin-left: 40px;">
        <img src="./image/shuzhe_03.jpg" alt="">
        <p>白夜行 东野上吾</p>
        <p><span class="cred">推荐</span>：⭐ ⭐ ⭐ ⭐ ⭐</p>
        <p><span class="cred" style="font-size: 20px;">￥：30</span><span class="ccc"
            style="font-size: 20px;margin-left: 30px;text-decoration: line-through;">46</span> </p>
      </li>
      <li>
        <img src="./image/sj1.jpg" alt="" style="margin-left: 40px;">
        <img src="./image/shuzhe_03.jpg" alt="">
        <p>白夜行 东野上吾</p>
        <p><span class="cred">推荐</span>：⭐ ⭐ ⭐ ⭐ ⭐</p>
        <p><span class="cred" style="font-size: 20px;">￥：30</span><span class="ccc"
            style="font-size: 20px;margin-left: 30px;text-decoration: line-through;">46</span> </p>
      </li>
    </ul>
  </section>

  <!--广告-->
  <div class="gg le-container">
    <img src="./image/gg_03.jpg" alt="">
  </div>
  <!--尾页-->
  <section id="footer">
    <div class="hen le-container">
      <a href=""><img src="./image/wy (1).png" alt=""></a>
      <a href=""><img src="./image/wy (2).png" alt=""></a>
      <a href=""><img src="./image/wy (3).png" alt=""></a>
      <a href=""><img src="./image/wy (4).png" alt=""></a>
    </div>
    <div class="zx">
      <ul>
        <li class="fl">
          <a href="#">
            <p><span>购物指南</span></p>
          </a>
          <a href="">
            <p>购物流程</p>
          </a>
          <a href="">
            <p>发票制度</p>
          </a>
          <a href="">
            <p>账户管理</p>
          </a>
          <a href="">
            <p>会员优惠</p>
          </a>

        </li>
        <li class="fl">
          <a href="#">
            <p><span>支付方式</span></p>
          </a>
          <a href="">
            <p>货到付款</p>
          </a>
          <a href="">
            <p>网上支付</p>
          </a>
          <a href="">
            <p>礼品卡支付</p>
          </a>
          <a href="">
            <p>银行转帐</p>
          </a>
        </li>
        <li class="fl">
          <a href="#">
            <p><span>订单服务</span></p>
          </a>
          <a href="">
            <p>订单配送查询</p>
          </a>
          <a href="">
            <p>订单状态说明</p>
          </a>
          <a href="">
            <p>自助取消订单</p>
          </a>
          <a href="">
            <p>自助修改订单</p>
          </a>
        </li>
        <li class="fl">
          <a href="#">
            <p><span>退换货</span></p>
          </a>
          <a href="">
            <p>退换货政策</p>
          </a>
          <a href="">
            <p>自助申请退换货</p>
          </a>
          <a href="">
            <p>退换货进度查询</p>
          </a>
          <a href="">
            <p>退款方式和时间 </p>
          </a>
        </li>
        <li class="fr">
          <a href="#">
            <p><span>商家服务</span></p>
          </a>
          <a href="">
            <p>商家中心</p>
          </a>
          <a href="">
            <p>运营服务</p>
          </a>
          <a href="">
            <p>加入尾品汇</p>
          </a>
        </li>
      </ul>
    </div>
    <p class="df">公司简介　 |　 Investor Relations　 |　 网站联盟 　 |　 乐购招商 　 |　 机构销售　 | 　 手机乐购 　| 　 官方Blog 　 | 　热词搜索 </p>
    <p>Copyright　 (C)　 乐购网 　2004-2016　, 　All 　Rights 　Reserved　</p>
    <script src="./lib/jquery.min.js"></script>
    <script src="./js/shoppingcart.js"></script>

</html>